﻿//图片轮播显示
(function ($) {
    $.LoadImage = function (options,pageID) {
        var p = -1;
        //
        var Start = function () {
            if (options.length > 0) {

                //获取页码
                p = GetPageIndex();

                //创建页码
                CreatePageHtm();
                //
                SlideShow(p);


            }
        };
        //判断页码值
        var GetPageIndex = function () {
            if (p >= options.length-1) {
                p = 0;
            }
            else {
                p = p + 1;
            }
            return p;
        };
        var CreatePageHtm = function () {
            var htm = new Array();
            htm.push('<div  class="pagination"><ul id="img-slideshow-page">');


            

            
            if (options.length > 0) {
                //循环分页
                for (var i = 0; i < options.length; i++) {
                    htm.push('<li  id="img-slideshow-item-' + i + '"  class="' + (i == p ? 'active' : '') + '" ><a>' + (i + 1) + '</a></li>');
                }
            }
            htm.push('</ul></div>');
            $("#" + pageID).empty();
            $("#" + pageID).append(htm.join(''));
        };
        var SlideShow = function (pIndex) {
            
            //更新显示项
            for (var i = 0; i < options.length; i++)
            {
                if (i == pIndex) {
                    $("#" + options[i].id).show();
                    $("#img-slideshow-item-" + i).attr("class", "active");
                }
                else {
                    $("#" + options[i].id).hide();
                    $("#img-slideshow-item-" + i).attr("class", "");
                }
            }
        };
        var Show = function () {
            //获取页码
            p = GetPageIndex();
            SlideShow(p);
        };
        Start();
        setInterval(Show, 5000);
        $(document).ready(function () {
            $("#img-slideshow-page li").each(function (i) {
                $(this).bind("click", function () {
                    p = $(this).text()-1;
                    SlideShow(p);
                });
            });
        });
    };
})(jQuery);